﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>倾斜迷宫</title>
    <link rel="icon" href="../jpg/ram.png" type="image/x-icon">
    <link rel="stylesheet" href="../css/style3.css">

</head>

<body>

    <div id="center">
        <div id="game">
            <div id="maze">
                <div id="end"></div>
            </div>
            <div id="joystick">
                <div class="joystick-arrow"></div>
                <div class="joystick-arrow"></div>
                <div class="joystick-arrow"></div>
                <div class="joystick-arrow"></div>
                <div id="joystick-head"></div>
            </div>
            <div id="note">
                点击操纵杆开始！
                <p>把每个球移到中心。准备好进入了吗？按H</p>
            </div>
        </div>
    </div>

    <div id="youtube-card">
        如何用JavaScript模拟迷宫中的球运动
    </div>

    <script src="../js/script3.js"></script>

</body>

</html>